طراحی سایت

جی‌کوئری یا jQuery به لهجه معمولی یک کتابخانه جاوا اسکریپت سبک وزن چند مرورگری است و برای بی آلایش کردن نوشتن اسکریپت های سمت کلاینت (مشتری) که همان روال های روان برنامه نویسی تحت وب در اچ تی ام ال(HTML) میباشد طراحی شد‌ه‌است.
شعار jQuery کمتر بنویس و بیشتر انجام بده می باشد. و هدفش استفاده شل و سریع از امکانات جاوا اسکریپت در وب سایت هست. این معمولی سازی از دسترسی به موادتشکیل دهنده و شی ها وب سایت تا در اختیار گرفتن رویدادهای آنان میباشد و همچنین چند امکانات از پیش آماده شده را به شما ارائه می دهد.
یکی کاربرد های مهم jquery داشتن دستورات بسیار وارفته در ارتباط بکار گیری تکنولوژِی ای جکس(Ajax) می‌باشد.
برای یادگیری جی کوئری باید اطلاعات اساس ای راجع‌به HTML، CSS و JavaScript داشته باشید. جی کوئری طراحی سایت در مشهد اپلیکیشن هایی که نیاز به کدنویسی های فراوان جاوا اسکریپت داراست را به طوری ساده می کند که میتوانید با نوشتن یک خط کد و مراجعه به یک کتاب یا سایت مرجع همگی آنها را اعمال دهید. خود فولدر JQuery در واقع حکم کتاب مرجع را داراست. به همین خاطر در صورتیکه که امرها خودتان را بر پایه ی مقررات جی کوئری بنویسید و پوشه اساسی جی کوئری را به برگه لینک نکنید اتفاقی نمی‌افتد و در واقع دستورها عمل نخواهند کرد. (چون در‌این‌صورت‌‌ امرها می باشد ولی کتاب مرجع نیست که مرورگر وب بفهمد هر امر چه معنایی می‌دهد.)
در استفاده از jQuery ما دو پوشه خوا هیم داشت:
- یک فولدر، خود پوشه jQuery می باشد که می بایست در بالا به کاغذ مورد نظر ما لینک و پیوند شود.
- پوشه دوم فولدر اسکریپتی می باشد که دستورات ما مبتنی بر قانون ها Jquery درون آن نوشته شده است. (ولی می‌قدرت این دستورهاطراحی سایت را در درون کدهای کاغذ نیز قرار داد و یک فولدر غیروابسته نداشته باشد)
ویژگی های جی کوئری
- قابلیت جاری ساختن بر روی مرورگرهای رایج مانند اینترنت اکسپلورر، فایرفاکس، کروم و...
- قابلیت و امکان تغییر خصوصیات CSS
- متحرک سازی و قرار دادن افکت روی موادسازنده وب سایت
- کار با ایجکس
- کنترل شل و ول و قدرتمندتر رویدادها (Events)
- ساخت افکت و حرکات برنامه کودکان
- وسیع ساختن پلاگین ها
به کار گیری تمامی این اجزای جی کوئری کمک می‌کند صفحه های وب قوی و داینامیک (پویا) داشته باشیم.
مزایای جی کوئری
جی کوئری امروزه محبوبترین کتابخانه جاوا اسکریپت در موقتا به کارگیری هست.
جی کوئری نرم افزار متن باز(open source) و رایگان است که تحت دو پروانه GPL و MIT منتشر میشود. دستور زبان جی کوئری به گونه‌ای طراحی گردیده‌است که عمل هدایت به پرونده را شل تر نموده است، این چنین که می‌توان حرکات انیمیشن و رویدادهایی را در شیت تشکیل داد و بوسیله آن نرم‌افزارهای بر اساس Ajax را ساخت نموده و توسعه و گسترش اعطا کرد.
جی کوئری همچنین این اختیار را به برنامه نویسان می‌دهد که پلاگین هایی برای کتابخانه جاوا اسکریپت ساخت کنند.
تاثیر جی کوئری بر طراحی نسل دوم وب
استفاده از فلش در طراحی سایت در کنار جذابیت و زیبایی و کارتن، معایبی نیز داراست. بنابراین نیاز به حرکتهای تعاملی در وب آنطور که می بایست رفع نشده بود. اینجا بود که قابلیتهای جاوا اسکریپت به گونه دیگری در عرصه طراحی سایت مطرح شد: کتابخانه های JavaScript.
کتابخانه‌های جاوا اسکریپت یا JavaScript Libraries، دسته کدهای جاوا اسکریپت هستند که اکثری از کارها را آسانتر می کنند و شیوه میانبر می‌سازند. در واقع دسته Functionهای شل‌الحلقوم را در فایلی مجزا تعریف‌و‌تمجید می‌کنند. به عنوان مثال در حالتی که برای ساخت یک جنبش ساده در طراحی وب، نیاز به یک‌سری خط جاوا اسکریپت داریم، با اضافه کردن فایل یکی از این کتابخانه‌ها، با یک خط می توان آن جنبش را نرم‌افزار نویسی کرد.
معروفترین و رایجترین این کتابخانه‌ها jQuery هست که به طور همزمان با مطرح شدن نسل دوم وب یا Web 2.0 و به موازات نیازهای نو معرفی شد. از دیگر کتابخانه‌های کاربردی می‌توان به YUI، ProtoType، MooTools و... اشاره نمود.
یک کدام از مواردی که اکثر این کتابخانه ها در خود جای داده‌اند، گفت و گو حرکت میباشد. امروزه شاهد آنیم که روزانه ده‌ها و شاید صدها ایده تازه بر مبنای jQuery در اینترنت معرفی می شوند و طراحان وب حتی سوای نیاز به داشتن دانش jQuery می تواند از این ایده‌ها و کدهای آماده و بدون‌پول در سایتهای خود به کارگیری کنند و مستقر‌سازی نمایند.
البته jQuery و همقطارانش چه ویژگیهایی دارند که اینچنین مورد استقبال قرار گرفته؟ مطرح ترین ویژگی آن در شعار جی‌کوئری یعنی \\\\\\\\\\\\"Write Less, Do More\\\\\\\\\\\\" مخفی می باشد: می‌اقتدار با تعدادی خط کد ساده (که آن‌هم قادر است در یک پوشه external قرار گیرد و به ورقه اصلی پیوند شود)، حرکتها و ایده‌های خارق العاده‌ای را اعمال نمود. از پیشرفته‌ترین نوع اسلایدرها و گالری‌های متحرک گرفته، تا منوها و Tabها و افکتهای Fade و حتی تصاویر انیمیشنی کامل. بله، قابلیتهای نهفته جی‌کوئری حتی آنقدر زیادند که نمونه هایی از کارتون داستانی نیز با آن ساخته شده!
به این ترتیب در برخی مورد‌ها میتواند رقیب جدی Flash محسوب گردد و با فانکشنهای پیشرفته اش و سازگاری کاملش با سئو و استانداردهای وب، به ندرت بر مجموع پهنه اینترنت کلان گردد. همان گونه که فعلا نیز بسیاری از سایتهای خبری و اطلاع رسانی از این کدهای قوی برای تنوع و تحرک بصری خود استعمال می‌کنند. نمونه ای از این افکتهای خارق العاده را می‌توانید در وبسایت اموزشگاه كامپيوتر پايا مشاهده کنید.
از آن جا که جی‌کوئری برای اجرای خود نیاز به نصب هیچ افزونه‌ای ندارد و محتوای آن از کدهای جاوااسکریپت تماما غیروابسته می‌باشند، به این ترتیب می توان ادعا نمود که کاملترین و بی‌نقصترین نمونه از کارتن تعاملی تحت وب، موقتا منحصربه‌فرد به کتابخانه های جاوا اسکریپت به خصوص jQuery میباشد.

جی‌کوئری یا jQuery به لهجه معمولی یک کتابخانه جاوا اسکریپت سبک وزن چند مرورگری است و برای بی آلایش کردن نوشتن اسکریپت های سمت کلاینت (مشتری) که همان روال های روان برنامه نویسی تحت وب در اچ تی ام ال(HTML) میباشد طراحی شد‌ه‌است.
شعار jQuery کمتر بنویس و بیشتر انجام بده می باشد. و هدفش استفاده شل و سریع از امکانات جاوا اسکریپت در وب سایت هست. این معمولی سازی از دسترسی به موادتشکیل دهنده و شی ها وب سایت تا در اختیار گرفتن رویدادهای آنان میباشد و همچنین چند امکانات از پیش آماده شده را به شما ارائه می دهد.
یکی کاربرد های مهم jquery داشتن دستورات بسیار وارفته در ارتباط بکار گیری تکنولوژِی ای جکس(Ajax) می‌باشد.
برای یادگیری جی کوئری باید اطلاعات اساس ای راجع‌به HTML، CSS و JavaScript داشته باشید. جی کوئری طراحی سایت در مشهد اپلیکیشن هایی که نیاز به کدنویسی های فراوان جاوا اسکریپت داراست را به طوری ساده می کند که میتوانید با نوشتن یک خط کد و مراجعه به یک کتاب یا سایت مرجع همگی آنها را اعمال دهید. خود فولدر JQuery در واقع حکم کتاب مرجع را داراست. به همین خاطر در صورتیکه که امرها خودتان را بر پایه ی مقررات جی کوئری بنویسید و پوشه اساسی جی کوئری را به برگه لینک نکنید اتفاقی نمی‌افتد و در واقع دستورها عمل نخواهند کرد. (چون در‌این‌صورت‌‌ امرها می باشد ولی کتاب مرجع نیست که مرورگر وب بفهمد هر امر چه معنایی می‌دهد.)
در استفاده از jQuery ما دو پوشه خوا هیم داشت:
- یک فولدر، خود پوشه jQuery می باشد که می بایست در بالا به کاغذ مورد نظر ما لینک و پیوند شود.
- پوشه دوم فولدر اسکریپتی می باشد که دستورات ما مبتنی بر قانون ها Jquery درون آن نوشته شده است. (ولی می‌قدرت این دستورهاطراحی سایت را در درون کدهای کاغذ نیز قرار داد و یک فولدر غیروابسته نداشته باشد)
ویژگی های جی کوئری
- قابلیت جاری ساختن بر روی مرورگرهای رایج مانند اینترنت اکسپلورر، فایرفاکس، کروم و...
- قابلیت و امکان تغییر خصوصیات CSS
- متحرک سازی و قرار دادن افکت روی موادسازنده وب سایت
- کار با ایجکس
- کنترل شل و ول و قدرتمندتر رویدادها (Events)
- ساخت افکت و حرکات برنامه کودکان
- وسیع ساختن پلاگین ها
به کار گیری تمامی این اجزای جی کوئری کمک می‌کند صفحه های وب قوی و داینامیک (پویا) داشته باشیم.
مزایای جی کوئری
جی کوئری امروزه محبوبترین کتابخانه جاوا اسکریپت در موقتا به کارگیری هست.
جی کوئری نرم افزار متن باز(open source) و رایگان است که تحت دو پروانه GPL و MIT منتشر میشود. دستور زبان جی کوئری به گونه‌ای طراحی گردیده‌است که عمل هدایت به پرونده را شل تر نموده است، این چنین که می‌توان حرکات انیمیشن و رویدادهایی را در شیت تشکیل داد و بوسیله آن نرم‌افزارهای بر اساس Ajax را ساخت نموده و توسعه و گسترش اعطا کرد.
جی کوئری همچنین این اختیار را به برنامه نویسان می‌دهد که پلاگین هایی برای کتابخانه جاوا اسکریپت ساخت کنند.
تاثیر جی کوئری بر طراحی نسل دوم وب
استفاده از فلش در طراحی سایت در کنار جذابیت و زیبایی و کارتن، معایبی نیز داراست. بنابراین نیاز به حرکتهای تعاملی در وب آنطور که می بایست رفع نشده بود. اینجا بود که قابلیتهای جاوا اسکریپت به گونه دیگری در عرصه طراحی سایت مطرح شد: کتابخانه های JavaScript.
کتابخانه‌های جاوا اسکریپت یا JavaScript Libraries، دسته کدهای جاوا اسکریپت هستند که اکثری از کارها را آسانتر می کنند و شیوه میانبر می‌سازند. در واقع دسته Functionهای شل‌الحلقوم را در فایلی مجزا تعریف‌و‌تمجید می‌کنند. به عنوان مثال در حالتی که برای ساخت یک جنبش ساده در طراحی وب، نیاز به یک‌سری خط جاوا اسکریپت داریم، با اضافه کردن فایل یکی از این کتابخانه‌ها، با یک خط می توان آن جنبش را نرم‌افزار نویسی کرد.
معروفترین و رایجترین این کتابخانه‌ها jQuery هست که به طور همزمان با مطرح شدن نسل دوم وب یا Web 2.0 و به موازات نیازهای نو معرفی شد. از دیگر کتابخانه‌های کاربردی می‌توان به YUI، ProtoType، MooTools و... اشاره نمود.
یک کدام از مواردی که اکثر این کتابخانه ها در خود جای داده‌اند، گفت و گو حرکت میباشد. امروزه شاهد آنیم که روزانه ده‌ها و شاید صدها ایده تازه بر مبنای jQuery در اینترنت معرفی می شوند و طراحان وب حتی سوای نیاز به داشتن دانش jQuery می تواند از این ایده‌ها و کدهای آماده و بدون‌پول در سایتهای خود به کارگیری کنند و مستقر‌سازی نمایند.
البته jQuery و همقطارانش چه ویژگیهایی دارند که اینچنین مورد استقبال قرار گرفته؟ مطرح ترین ویژگی آن در شعار جی‌کوئری یعنی \\\\\\\\\\\\"Write Less, Do More\\\\\\\\\\\\" مخفی می باشد: می‌اقتدار با تعدادی خط کد ساده (که آن‌هم قادر است در یک پوشه external قرار گیرد و به ورقه اصلی پیوند شود)، حرکتها و ایده‌های خارق العاده‌ای را اعمال نمود. از پیشرفته‌ترین نوع اسلایدرها و گالری‌های متحرک گرفته، تا منوها و Tabها و افکتهای Fade و حتی تصاویر انیمیشنی کامل. بله، قابلیتهای نهفته جی‌کوئری حتی آنقدر زیادند که نمونه هایی از کارتون داستانی نیز با آن ساخته شده!
به این ترتیب در برخی مورد‌ها میتواند رقیب جدی Flash محسوب گردد و با فانکشنهای پیشرفته اش و سازگاری کاملش با سئو و استانداردهای وب، به ندرت بر مجموع پهنه اینترنت کلان گردد. همان گونه که فعلا نیز بسیاری از سایتهای خبری و اطلاع رسانی از این کدهای قوی برای تنوع و تحرک بصری خود استعمال می‌کنند. نمونه ای از این افکتهای خارق العاده را می‌توانید در وبسایت اموزشگاه كامپيوتر پايا مشاهده کنید.
از آن جا که جی‌کوئری برای اجرای خود نیاز به نصب هیچ افزونه‌ای ندارد و محتوای آن از کدهای جاوااسکریپت تماما غیروابسته می‌باشند، به این ترتیب می توان ادعا نمود که کاملترین و بی‌نقصترین نمونه از کارتن تعاملی تحت وب، موقتا منحصربه‌فرد به کتابخانه های جاوا اسکریپت به خصوص jQuery میباشد.